//登录功能--输入的时候验证,并且弹框,点击登录,提交登录请求,成功跳转到index页面,并且弹出成功页面
//💕 每个输入框change事件,验证
const username = document.querySelector('[name=username]')
const password = document.querySelector('[name=password]')
const inputInfos = [{
  dom: username,
  res: /^[a-zA-Z0-9]{8,30}$/,
  msg: '请输入8-30位的字符，且只能包含英文字母（大小写）和数字'
}, {
  dom: password,
  res: /^[a-zA-Z0-9]{6,30}$/,
  msg: '请输入6-30位的字符，且只能包含英文字母（大小写）和数字'
}]
username.addEventListener('change', function () {
  verifyInput(inputInfos[0])
})
password.addEventListener('change', function () {
  verifyInput(inputInfos[1])
})//🏃点击小眼睛,开启关闭密码框


// //💕💕 登录,同时验证输入框,跳转

document.querySelector('#btn-login').addEventListener('click', function () {
  //验证每个输入框,不合法,弹框,同时return
  if (!verifyInput(inputInfos[0])) { return }
  if (!verifyInput(inputInfos[1])) { return }

  //提交请求,成功弹框,失败弹框,成功跳转,保存到本地token
  const form = document.querySelector('.login-form')
  const data = serialize(form, { hash: true, empty: true })
  axios({ url: '/login', method: 'post', data }).then(res => {
    toast('登陆成功', true)

    console.log(res)

    //存到本地
    localStorage.setItem('uname', data.username)
    localStorage.setItem('token', res.data.data.token)
    //跳转页面
    setTimeout(() => {
      location.href = '../index.html'
    }, 1200)
  }).catch(err => {
    toast('登录失败', false)
    console.dir(err)

  })


})